<!DOCTYPE html>
<html lang="en">

<head>
<link rel="shortcut icon" href="images/favicon.php" />
<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Queen Hotel</title>
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="styles/style.css" rel="stylesheet" type="text/css" />
<link href="styles/color.css" rel="stylesheet" type="text/css" />
<link href="styles/inner.css" rel="stylesheet" type="text/css" />

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){

	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 14,		// requires em unit.
	extraWidth		: 3	// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason. 

});
</script>
</head>
<body>

<div id="outer-container">
		
        <div id="wrapper-header">
        <div class="container">
            <div id="header">
                <div id="logo">
                	<span class="logo-l"></span>
                    <a href="index.php"><img src="images/logo.png" alt=""  /></a>
                    <span class="logo-r"></span>
                </div><!-- end logo -->
                <div class="clear"></div>
                
                <div id="nav-container">
                <div id="nav-main">
                    <div id="nav">
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="#">Room and Rates</a>
                                <ul>
                                    <li><a href="indo1.php">Indonesian Hotels 1</a></li>
                                    <li><a href="indo2.php">Indonesian Hotels 2</a></li>
                                    <li><a href="indo3.php">Indonesian Hotels 3</a></li>
                                    <li><a href="indo4.php">Indonesian Hotels 4</a></li>
                                    <li><a href="indo5.php">Indonesian Hotels 5</a></li>
                                    <li><a href="indo6.php">Indonesian Hotels 6</a></li>
                                    <li><a href="indo7.php">Indonesian Hotels 7</a></li>
                                    
                                </ul>
                            </li>
                            <li><a href="accommodation.php">Accommodation</a></li>
                            <li><a href="facilities.php">Facilities</a></li>
                            <li><a href="gallery.php">Gallery</a></li>                 
                            <li><a href="contact.php">Contact</a></li>
                        </ul><!-- end topnav -->
                    </div><!-- end nav -->	
                </div><!-- end nav-main -->
                </div><!-- end nav-container -->
            </div><!-- end header -->

        </div><!-- end container -->
		</div><!-- end wrapper-header -->  
        
        <div id="wrapper-content">
        <div class="container">
			<div id="content">
        	<div id="main">
            	<div id="maincontent" class="positionleft">
           			<h1 class="pagetitle">Blog Details</h1>
                    <div class="post single">
                        <div class="imgframe">
                            <img src="images/content/post1.jpg" alt="" />
                        </div>
                        <div class="entry-utility">
                            <div class="user">Posted by <a href="#">Admin </a></div> <div class="date"> March 28, 2012</div> <div class="category">Wordpress</div> 
                            <div class="comment"><a href="#">7 Comments</a></div> 
                        </div>
                        <div class="entry-content">
                         	<h2 class="posttitle"><a href="single.php">Pellentesque at magna eget diam</a></h2>
                        	<p>Sed in quam quis lacus gravida placerat sit amet eu elit. Duis lacus tortor, consectetur et aliquet vel, consequat ornare tortor. Nam imperdiet fringilla iaculis. Sed sagittis, metus nec mattis molestie, metus est pretium libero, nec auctor massa enim nec erat. Morbi a dolor ac urna aliquet volutpat eu suscipit nisi. Pellentesque eu enim dolor, id dictum libero. Nunc sit amet tempor diam. Etiam tempus adipiscing consectetur. Aenean sed orci velit, et suscipit ligula</p>

<p>In hac habitasse platea dictumst. Morbi luctus arcu id magna bibendum porta. Maecenas vestibulum bibendum neque nec sollicitudin. Duis porttitor lobortis nisi id aliquet. Pellentesque pellentesque ante et justo rhoncus ac sagittis metus vestibulum. Donec et iaculis lacus. Proin eget orci erat, non volutpat diam. Donec volutpat, purus ac gravida luctus, nunc nisi facilisis tortor, vel aliquam est risus quis erat. </p>

<p>Suspendisse potenti. Suspendisse potenti. Aliquam ac odio sollicitudin nisl luctus semper non vitae odio. Nam ac massa quis nisi imperdiet pulvinar. Vestibulum cursus rutrum ante vel luctus.</p>
          
                        </div>
                        <div class="clear"></div>
                    </div><!-- end post -->
                    
                    <div id="comment">
                        <h2>Comments</h2>
                        <ol class="commentlist">
                            <li>
                                <div class="comment-body">
                                <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                <span class="tuser">Richard Delano</span>  <span class="tdate">August 17, 2010 7:15 am . <a href="#" class="more-reply-reply">Reply</a></span><br />
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                
                                </div>
                            </li>
                            <li>
                                <div class="comment-body">
                                <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                <span class="tuser">Farleys Ditz</span>
                                <span class="tdate">August 17, 2010 7:15 am . <a href="#" class="more-reply">Reply</a></span><br />
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                
                                </div>
                                <ol>
                                    <li>
                                        <div class="comment-body">
                                        <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                        <span class="tuser">Lyns Ramirez</span>
                                        <span class="tdate">August 17, 2010 7:15 am . <a href="#" class="more-reply">Reply</a></span><br />
                                        <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                        
                                        </div>
                                    </li>
                                </ol>
                            </li>
                            <li>
                                <div class="comment-body">
                                <img src="images/content/avatar.gif" alt="" class="avatar"/>
                                <span class="tuser">Dakota Kings</span>
                                <span class="tdate">August 17, 2010 7:15 am . <a href="#" class="more-reply">Reply</a></span><br />
                                <p>Nulla lobortis facilisis eros vitae mollis. Morbi consectetur, tortor ut feugiat rhoncus, nunc augue placerat massa, sit amet laoreet est libero quis nisl. Integer cursus sodales sem eu dapibus. Morbi lobortis eleifend lectus sit amet porttitor. Nam tincidunt congue laoreet.</p>
                                
                                </div>
                            </li>
                        </ol>
                        <div class="separator line"></div>
                        <h3>Leave Comment</h3>
                          <form id="commentform" action="#">
                            <fieldset>
                              <label for="name" id="name_label">Name:</label>
                              <input type="text" name="name" id="name" size="50" value="" class="text-input" />
                              <label for="email" id="email_label">Email:</label>
                              <input type="text" name="email" id="email" size="50" value="" class="text-input" />
    
                              <label for="msg" id="msg_label">Message:</label>
                             <textarea cols="60" rows="10" name="msg" id="msg" class="textarea"></textarea><br />
                              <input type="submit" name="submit" class="button" id="submit_btn" value="Submit"/>
                            </fieldset>
            
                          </form>
                    </div><!-- end #comment -->
                    
                    <div class="clear"></div><!-- clear float --> 
                </div><!-- end maincontent -->
                
				<div id="sidebar">
                    <ul>
						<li class="widget-container">
                            <h2 class="widget-title">Categories</h2>
                            <ul>
                                <li><a href="#">Photogprahy</a></li>
                                <li><a href="#">Website Design</a></li>
                                <li><a href="#">Wordpress</a></li>
                                <li><a href="#">Site Templates</a></li>
                                <li><a href="#">Joomla</a></li>
                            </ul>
                        </li>
						<li class="widget-container">
                            <form action="#" id="searchform" method="get">
                                <div class="bgsearch">
                                    <input type="text" onBlur="if (this.value == '')this.value = 'To search type and hit enter';" onFocus="if (this.value == 'To search type and hit enter')this.value = '';" value="To search type and hit enter" id="s" name="s">
                                </div>
                            </form>
                        </li>
						<li class="widget-container">
                            <h2 class="widget-title">Text Widget</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
                        </li>
						<li class="widget-container">
                            <h2 class="widget-title">Archives</h2>
                            <ul>
                                <li><a href="#">March 2012</a></li>
                                <li><a href="#">February 2012</a></li>
                                <li><a href="#">January 2012</a></li>
                                <li><a href="#">December 2011</a></li>
                                <li><a href="#">November 2011</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="clear"></div><!-- clear float --> 
				</div><!-- end sidebar -->
				<div class="clear"></div><!-- clear float --> 
            </div><!-- end main -->
		</div><!-- end content -->
        </div><!-- end container -->
		</div><!-- end wrapper-content -->
        
        <div id="wrapper-footer">
        <div class="container">
            <div id="footer">
                <div id="main-footer">
                    <div class="footcol1">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Account</h2>
                            <ul>
                                <li><a href="#">Your Account</a></li>
                                <li><a href="#">Personal Information</a></li>
                                <li><a href="#">Addresses</a></li>
                                <li><a href="#">Order History</a></li>
                                <li><a href="#">Discount</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="footcol2">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Our Hotel</h2>
                                <ul>
                                    <li><a href="#">New Product</a></li>
                                    <li><a href="#">Special Rooms</a></li>
                                    <li><a href="#">Guaranteed room availability</a></li>
                                    <li><a href="#">Complimentary Internet access</a></li>
                                    <li><a href="#">Suppliers</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol3">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Promotion</h2>
                                <ul>
                                    <li><a href="#">Gift Cards</a></li>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Extended Service Plan</a></li>
                                    <li><a href="#">Customer Service</a></li>
                                    <li><a href="#">Returns</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="footcol4">
                    <ul>
                        <li class="widget-container">
                            <h2 class="widget-title">Information</h2>
                            <ul>
                                <li><a href="#">Search Terms</a></li>
                                <li><a href="#">Mobile</a></li>
                                <li><a href="#">Contact Us</a></li>
                                <li><a href="#">Advanced Service</a></li>
                                <li><a href="#">Site Map</a></li>
                            </ul>
                        </li>
                    </ul>
                    </div>
                    <div class="clear"></div>
                </div><!-- end main-footer -->
            </div><!-- end footer -->
        </div><!-- end container -->
        </div><!-- end wrapper-footer -->
           
        <div id="after-footer">
        <div class="container">
            <div id="copyright">
            Copyright &copy;2012 Queen Hotel. All Rights Reserved. Theme design by	<a href="http://templatesquare.com/" title="">
            TemplateSquare.com</a>
            </div>
            <div class="clear"></div>
        </div><!-- end container -->
        </div><!-- end after-footer -->
        
</div><!-- end outer-container -->
		
</body>

</html>
